﻿html, body, form {
	height: 100%;
}

body {
	font-family: "Microsoft Yahei",Verdana,Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans",Arial, "sans-serif";
	font-size: 14px;
	background-color: #FFFFFF;
}

body, div, p, ul, li, h1, h2, h3, h4, h5 {
	margin: 0 0;
	padding: 0 0;
	list-style-type: none;
}

a:link {
	text-decoration: none;
	color: #000000;
}

a:hover {
	color: #D80000;
}

img {
	border: 0;
}

input[type="text"], input[type="password"] {
	padding: 5px;
}

.button {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height: 27px;
	line-height: 26px;
	min-width: 54px;
	outline: 0px;
	padding: 0 12px;
	background-color: #4D90FE;
	border: 1px solid #3079ED;
	color: white;
	cursor: pointer;
}

.wrap {
	width: 990px;
	margin: 0 auto;
}

.space {
	height: 20px;
}

.b {
	border: 1px solid #CCCCCC;
}

.bt {
	border-top: 1px solid #CCCCCC;
}

.bb {
	border-bottom: 1px solid #CCCCCC;
}

.bl {
	border-left: 1px solid #CCCCCC;
}

.br {
	border-right: 1px solid #CCCCCC;
}

.link {
}

	.link a {
		color: #FFFFFF;
		display: inline-block;
		line-height: 40px;
		padding: 0 10px;
	}

		.link a:hover {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.12);
			text-decoration: none;
		}

.link2 a {
	text-decoration: none;
	color: #000000;
}

	.link2 a:hover, .link2 a:active {
		text-decoration: none;
		color: #FFFFFF;
		background-color: #0072C6;
	}

.clear {
	clear: both;
}

.tab-panel {
	border-bottom: 2px solid #0066CC;
	padding-left: 1px;
	height: 32px;
	line-height: 32px;
}

	.tab-panel a {
		color: #000000;
		display: inline-block;
		height: 32px;
		padding: 0 20px;
	}

		.tab-panel a.active {
			color: #FFFFFF;
			background-color: #0066CC;
			font-weight: bold;
		}

#header {
	height: 40px;
	background-color: #0072C6;
	color: #FFFFFF;
}

	#header .h-logo, #header .h-menu, #header .status {
		height: 40px;
	}

	#header .h-logo {
		float: left;
		width: 130px;
		background: url("http://static.wanpijie.com/images/wpj-logo.png") no-repeat;
	}

		#header .h-logo a {
			text-decoration: none;
			color: #FFFFFF;
			display: block;
			height: 100%;
			width: 130px;
		}

	#header .h-menu {
		float: left;
		margin: 0 0;
		padding: 0 0 0 10px;
	}

		#header .h-menu li, #header .h-menu a {
			display: inline-block;
		}

		#header .h-menu li {
			float: left;
		}

		#header .h-menu a {
			text-decoration: none;
			height: 100%;
			line-height: 38px;
			color: #FFFFFF;
			padding: 0 10px;
		}

			#header .h-menu a:hover {
				background: none repeat scroll 0 0 rgba(0,0,0,0.12);
			}

	#header .status {
		right: 0;
		height: 40px;
	}

		#header .status ul {
			float: right;
		}

		#header .status li {
			float: left;
		}

.h-c {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
}

	.h-c img {
		border: 0;
		margin: 4px 0;
	}



#mainContent {
	margin-top: 10px;
	overflow: hidden;
}

#leftContent {
	background-color: #F3F3F3;
	float: left;
	width: 180px;
	height: 100%;
	padding: 40px 20px 0 20px;
}

#rightContent {
	margin-left: 220px;
}

#footer {
	margin-top: 20px;
	clear: both;
	border-top: 1px solid #CCCCCC;
}

	#footer p {
		padding: 0 15px;
		line-height: 32px;
	}

a.btn {
	display: inline-block;
	padding: 0 10px;
	background: #0072C6;
	height: 28px;
	line-height: 27px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

	a.btn span {
		color: #FFFFFF;
	}

input.txt {
	padding: 5px;
}

.error {
	color: #FF0000;
}
